<include file="Index:header" />

    <div class="wapp">
     <!-- revolution slider start -->
     <div class="container">
        <div class="row">
         <div class="col-lg-8">
              <div class="panel panel-default">
                 <div class="banners">
                       <!-- revolution slider start -->
                     <div class="fullwidthbanner-container main-slider">
                         <div class="fullwidthabnner">
                             <ul id="revolutionul" style="display:none;">
                                 <!-- 1st slide -->
                                 <li data-transition="fade" data-slotamount="8" data-masterspeed="700" data-delay="9400" data-thumb="">
                                     <div class="caption lfl slide_item_left"
                                          data-x="10"
                                          data-y="70"
                                          data-speed="400"
                                          data-start="1500"
                                          data-easing="easeOutBack">
                                         <img src="__IMG__/img/banner/ban2.png" alt="Image 1">
                                     </div>
                                 </li>

                                 <!-- 2nd slide  -->
                                 <li data-transition="fade" data-slotamount="8" data-masterspeed="700" data-delay="9400" data-thumb="">
                                     <!-- THE MAIN IMAGE IN THE FIRST SLIDE -->
                                     <img src="__IMG__/img/banner/banner_bg.jpg" alt="">
                                     <div class="caption lft start"
                                          data-x="640"
                                          data-y="55"
                                          data-speed="400"
                                          data-start="2000"
                                          data-easing="easeOutBack"  >
                                         <img src="__IMG__/img/banner/man.png" alt="man">
                                     </div>
                                     <div class="caption lft slide_item_right"
                                          data-x="330"
                                          data-y="20"
                                          data-speed="500"
                                          data-start="5000"
                                          data-easing="easeOutBack">
                                         <img src="__IMG__/img/banner/test_man.png" id="rev-hint2" alt="txt img">
                                     </div>

                                 </li>

                                 <!-- 3rd slide  -->
                                 <li data-transition="fade" data-slotamount="7" data-masterspeed="300" data-delay="9400" data-thumb="">
                                     <img src="__IMG__/img/banner/red-bg.jpg" alt="">
                                     <div class="caption lfl slide_item_right"
                                          data-x="10"
                                          data-y="105"
                                          data-speed="1200"
                                          data-start="1500"
                                          data-easing="easeOutBack">
                                         <img src="__IMG__/img/banner/imac.png" alt="Image 1">
                                     </div>
                                     <div class="caption lfl slide_item_right"
                                          data-x="25"
                                          data-y="345"
                                          data-speed="1200"
                                          data-start="2000"
                                          data-easing="easeOutBack">
                                         <img src="__IMG__/img/banner/tab.png" alt="Image 1">
                                     </div>
                                     <div class="caption lfl slide_item_right"
                                          data-x="200"
                                          data-y="330"
                                          data-speed="1200"
                                          data-start="2500"
                                          data-easing="easeOutBack">
                                         <img src="__IMG__/img/banner/mobile.png" alt="Image 1">
                                     </div>
                                     <div class="caption lfl slide_item_right"
                                          data-x="250"
                                          data-y="230"
                                          data-speed="1200"
                                          data-start="3000"
                                          data-easing="easeOutBack">
                                         <img src="__IMG__/img/banner/laptop.png" alt="Image 1">
                                     </div>
                                     <div class="caption lfl slide_item_right"
                                          data-x="165"
                                          data-y="30"
                                          data-speed="500"
                                          data-start="5000"
                                          data-easing="easeOutBack">
                                         <img src="__IMG__/img/banner/text_imac.png" id="rev-hint1" alt="Image 1">
                                     </div>

                                 </li>

                             </ul>
                            <div class="tp-bannertimer tp-top"></div>
                         </div>
                     </div>
                    <!-- revolution slider end -->
                 </div>
              </div>          

          </div>

         <div class="col-lg-4" id="panel-contact">
         

          <if condition="$Think.session.username eq ''">
          <div class="panel panel-default">
         <div class="panel-body" > 
          <div class="contact-form">
              <form role="form" action="__APP__/index.php/login/login" method="post">
                  <div class="form-group">
                      <label for="name">用户名:</label>
                      <input type="text" name="username" placeholder="" id="name" class="form-control">
                  </div>
                  <div class="form-group">
                      <label for="email">密　码:</label>
                      <input type="password" name="password" placeholder="" id="password" class="form-control">
                  </div>
                  <div class="form-group">
                  <button class="btn btn-danger" id="btn-danger" type="submit">登陆</button>                  
                  </div>
                  <div class="form-group">
                     <button class="btn btn-danger" id="btn-danger" data-toggle="modal" data-target="#myModal" type="submit">注册</button>
                  </div>
                  <div class="form-group">
                      <a href="">忘记密码？</a>
                  </div>                  
              </form>
          </div>
          </div>
        </div>  
          <else />
           <aside class="profile-nav alt green-border">
              <section class="panel">
                  <div class="user-heading alt green-bg">
                      <a href="#">
                          <img alt="" src="{$Think.session.img}">
                      </a>
                      <h1>{$Think.session.username}</h1>
                      <p>UID:{$Think.session.phone_uid}</p>
                  </div>

                  <ul class="nav nav-pills nav-stacked">
                      <li><a href="__APP__/index.php/user/img"> <i class="icon-picture"></i> 修改头像</a></li>
                      <li><a href="__APP__/index.php/user/acc"> <i class="icon-user"></i> 修改账号</a></li>
                      <li><a href="__APP__/index.php/user/pass"> <i class="icon-unlock"></i> 修改密码</a></li>
                      <li><a href="__APP__/index.php/login/logout"> <i class="icon-power-off"></i> 退出</a></li>
                  </ul>

              </section>
           </aside>
         </if>
         
        </div>
      </div>
    </div>
    <!--container start-->
    <div class="container">
        <div class="row">
          <div class="col-lg-8">
              <div class="panel panel-default">
                <div class="panel-heading">话说频道</div>
                <div class="panel-body">                  
                    <ul class="list-group">
                      <volist name="pdlist" id="pd">
                      <div class="col-lg-4 col-ms-4">
                        <li class="media">
                          <a class="pull-left" href="#">
                            <img class="media-object" src="{$img}id={$pd.img_id}&w=140&h=140" alt="{$pd.title}">
                          </a>
                          <div class="media-body">
                            <h4 class="media-heading"><a href="">{$pd.title}</a></h4>
                            {$pd.desc}
                          </div>
                        </li>                    
                      </div>
                      </volist>
                  </ul>
                </div>
              </div>          

          </div>
          <div class="col-lg-4">
              <div class="panel panel-default">
                <div class="panel-heading">热门话题</div>
                <ul class="list-group">
                <foreach name="hot" item="h">
                  <li class="list-group-item"><a href="">{$h.subject}</a></li>
                </foreach>
                </ul>
              </div>
          </div>
        </div>

        <div class="row">
          <div class="col-lg-8">
              <div class="panel panel-default">
                <div class="panel-heading">生活频道</div>
                <div class="panel-body">
                  <ul class="list-group">
                      <foreach name="list" item="volist">
                        <div class="col-lg-4 col-ms-4">                          
                          <li class="media">
                            <a class="pull-left" href="#">
                              <img class="media-object" src="{$img}id={$volist.img_id}&w=140&h=140" alt="{$volist.title}">
                            </a>
                            <div class="media-body">
                              <h4 class="media-heading"><a href="">{$volist.title}</a></h4>
                              {$volist.keyword}
                            </div>
                          </li>                    
                        </div>
                      </foreach>
                  </ul>
                </div>
              </div>          

          </div>
          <div class="col-lg-4">
              <div class="panel panel-default">
                <div class="panel-heading">最新话题</div>
                <ul class="list-group">
                <foreach name="hot" item="h">
                  <li class="list-group-item"><a href="">{$h.subject}</a></li>
                </foreach>
                </ul>
              </div>
          </div>
        </div>



    </div>

  </div>
     <!--container end-->

<include file="Index:footer" />